import { Navigate } from 'react-router-dom';
import PrivateRoute from './premissios';
import ErrorPage from '@/pages/ErrorPage';
import AppLayout from '@/layout/AppLayout';
import Login from '@/pages/Login';
import { lazy } from 'react';
// import { MetaMenu, AuthRouteObject } from './interface';

// 快速导入工具函数
const lazyLoad = (moduleName: string) =>
  lazy(() => import(`@/pages/${moduleName}/index.tsx`));

const Home = lazyLoad('Home');
// const ReduxToolkitDemo = lazyLoad('ReduxToolkitDemo');
// const ReactQueryDemo = lazyLoad('ReactQueryDemo');
const routerMap = [
  {
    path: '/login',
    element: <Login />,
  },
  {
    path: '/',
    element: (
      <PrivateRoute>
        <AppLayout />
      </PrivateRoute>
    ),
    meta: {},
    children: [
      {
        path: '/home',
        element: <Home />,
        meta: {
          title: '超影工作站',
        },
        icon: <Home />,
        children: [
          {
            path: 'thyroid',
            element: <Home />,
            meta: {
              title: '超影甲状腺',
            },
          },
          {
            path: 'breast',
            element: <Home />,
            meta: {
              title: '超影乳腺',
            },
          },
          {
            path: 'lvef',
            element: <Home />,
            meta: {
              title: '超影LVEF',
            },
          },
        ],
      },
    ],
  },
  {
    path: '/404',
    element: <ErrorPage />,
  },
  {
    path: '*',
    element: <Navigate to="/404" />,
  },
];
// const routers: AuthRouteObject<MetaMenu>[] = [
//   {
//     path: '/',
//     element: (
//       <PrivateRoute>
//         <AppLayout />
//       </PrivateRoute>
//     ),
//     errorElement: <ErrorPage />,
//     meta: {
//       title: '',
//     },
//     children: [
//       {
//         path: 'home1',
//         element: <Home />,
//         meta: {
//           title: '超影工作站',
//         },
//         children: [
//           {
//             path: 'thyroid',
//             element: <Home />,
//             meta: {
//               title: '超影甲状腺',
//             },
//           },
//           {
//             path: 'breast',
//             element: <Home />,
//             meta: {
//               title: '超影乳腺',
//             },
//           },
//           {
//             path: 'lvef',
//             element: <Home />,
//             meta: {
//               title: '超影LVEF',
//             },
//           },
//         ],
//       },
//       // {
//       //   path: 'home',
//       //   element: <Home />,
//       //   meta: {
//       //     title: 'Home',
//       //   },
//       // },
//       // {
//       //   path: 'toolkit',
//       //   element: <ReduxToolkitDemo />,
//       //   meta: {
//       //     title: 'React Toolkit',
//       //   },
//       // },
//       // {
//       //   path: 'query',
//       //   element: <ReactQueryDemo />,
//       //   meta: {
//       //     title: 'React Query',
//       //   },
//       // },
//     ],
//   },
// ];

export default routerMap;
